<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通过 id 查找 HTML 元素</title>
</head>

<body>
    <!-- 在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。 -->

    <p id="intro">你好世界!</p>
    <p>该实例展示了 <b>getElementById</b> 方法!</p>
    <script>
        x = document.getElementById("intro");
        document.write("<p>文本来自 id 为 intro 段落: " + x.innerHTML + "</p>");
    </script>

    <!-- 如果找到该元素，则该方法将以对象（在 x 中）的形式返回该元素。 -->
    <!-- 如果未找到该元素，则 x 将包含 null。 -->
</body>

</html>